import React from "react";
import { WeaDialog } from "ecCom";
import { observer } from "mobx-react";

@observer
export default class PicDialog extends React.Component {
    // constructor(props) {
    //     super(props);
    //     this.state = {
    //         visible: false
    //     };
    // }
    render() {
        const { store } = this.props;
        console.log(store);
        return (
            <div>
                <WeaDialog
                    onCancel={store.hide}
                    visible={store.visible}
                    mask={true}
                    maskClosable = {true}
                    style={{ top:store.top,left:store.left }}
                    //style={{ width: 800, height: 800 }}
                >
                    <img
                        alt="example"
                        style={{ width: '100%', height: '100%' }}

                        src={store.picSrc}
                    />
                </WeaDialog>
            </div>
        );
    }
}